<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Welcome | Memberz</title>
        <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <?php
        echo $this->Html->meta('icon');
        echo $this->fetch('meta');
        
        echo $this->Html->css('bootstrap.css');
        echo $this->Html->css('animate.css');
        echo $this->Html->css('font-awesome.min.css');
        echo $this->Html->css('font.css', null, array('cache' => false));
        echo $this->Html->css('plugin.css');
        echo $this->Html->css('app.css');
        echo $this->Html->css('landing.css', null, array('cache' => false));
        
        echo $this->Html->script('jquery.min.js');
        ?>
        <style>
            #flashMessage.message {
                display: none;
                text-align: center;
                position: absolute;
                background-color: #ffe;
                padding: 10px;
                box-sizing: border-box;
                top: 0px;
                border-bottom: solid #ddd 1px;
                box-shadow: 0px 1px 2px #676767;
                width: 100%;
                font-weight: bold;
                color: #111;
            }
        </style>

        <script>
        $(document).ready(function() {
            $("#flashMessage").show('slow');
            
            setTimeout(function() {
                $("#flashMessage").hide('fast');
            }, 1000 * 15);
        });
        </script>
    </head>
    <body data-spy="scroll" data-target="#header" class="landing" id="home">
        <?php echo $this->Session->flash(); ?>
        <?php echo $this->fetch('content'); ?>
    </body>
</html>